<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
</head>
<body>
<jsp:include page="component/header.jsp"/>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md8 layui-col-md-offset2">
            <div class="layui-card ">
                <div class="layui-tab layui-tab-brief content-center">
                    <ul class="layui-tab-title">
                        <li><a href="${pageContext.request.contextPath}/user/login">用户登录</a></li>
                        <li class="layui-this">用户注册</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-form layui-form-pane">
                                <form method="post" action="">
                                    <div class="layui-form-item">
                                        <label for="L_email" class="layui-form-label">邮箱</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_email" name="email" required
                                                   lay-verify="required||email" placeholder="请输入邮箱"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_nickname" class="layui-form-label">昵称</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_nickname" name="nickname" required
                                                   lay-verify="required||nickname" placeholder="请输入昵称"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_password" class="layui-form-label">密码</label>
                                        <div class="layui-input-inline">
                                            <input type="password" id="L_password" name="password" required
                                                   lay-verify="required||password" placeholder="请输入密码"
                                                   class="layui-input">
                                        </div>
                                        <div class="layui-form-mid  layui-word-aux">密码至少六位，不能出现空格</div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_confirm_password" class="layui-form-label">确认密码</label>
                                        <div class="layui-input-inline">
                                            <input type="password" id="L_confirm_password" required
                                                   lay-verify="required||confirm" placeholder="请确认密码"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label for="L_vercode" class="layui-form-label">验证码</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="L_vercode" name="verCode" required
                                                   lay-verify="required" placeholder="请输入验证码" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                        <div class="layui-form-mid" style="padding:3px 0 !important">
                                            <a href="javascript:refreshCode()">
                                                <img alt="验证码"
                                                     src="${pageContext.request.contextPath }/verificationCode">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <button class="layui-btn" lay-filter="register" lay-submit>立即登录</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="component/footer.jsp"/>
<script src="${pageContext.request.contextPath}/static/js/register.js"></script>
</body>
</html>
